.u-type-primary-light {
    color: $u-type-primary-light;
}

.u-type-warning-light {
    color: $u-type-warning-light;
}

.u-type-success-light {
    color: $u-type-success-light;
}

.u-type-error-light {
    color: $u-type-error-light;
}

.u-type-info-light {
    color: $u-type-info-light;
}

.u-type-primary-light-bg {
    background-color: $u-type-primary-light;
}

.u-type-warning-light-bg {
    background-color: $u-type-warning-light;
}

.u-type-success-light-bg {
    background-color: $u-type-success-light;
}

.u-type-error-light-bg {
    background-color: $u-type-error-light;
}

.u-type-info-light-bg {
    background-color: $u-type-info-light;
}

.u-type-primary-dark {
    color: $u-type-primary-dark;
}

.u-type-warning-dark {
    color: $u-type-warning-dark;
}

.u-type-success-dark {
    color: $u-type-success-dark;
}

.u-type-error-dark {
    color: $u-type-error-dark;
}

.u-type-info-dark {
    color: $u-type-info-dark;
}

.u-type-primary-dark-bg {
    background-color: $u-type-primary-dark;
}

.u-type-warning-dark-bg {
    background-color: $u-type-warning-dark;
}

.u-type-success-dark-bg {
    background-color: $u-type-success-dark;
}

.u-type-error-dark-bg {
    background-color: $u-type-error-dark;
}

.u-type-info-dark-bg {
    background-color: $u-type-info-dark;
}

.u-type-primary-disabled {
    color: $u-type-primary-disabled;
}

.u-type-warning-disabled {
    color: $u-type-warning-disabled;
}

.u-type-success-disabled {
    color: $u-type-success-disabled;
}

.u-type-error-disabled {
    color: $u-type-error-disabled;
}

.u-type-info-disabled {
    color: $u-type-info-disabled;
}

.u-type-primary {
    color: $u-type-primary;
}

.u-type-warning {
    color: $u-type-warning;
}

.u-type-success {
    color: $u-type-success;
}

.u-type-error {
    color: $u-type-error;
}

.u-type-info {
    color: $u-type-info;
}

.u-type-primary-bg {
    background-color: $u-type-primary;
}

.u-type-warning-bg {
    background-color: $u-type-warning;
}

.u-type-success-bg {
    background-color: $u-type-success;
}

.u-type-error-bg {
    background-color: $u-type-error;
}

.u-type-info-bg {
    background-color: $u-type-info;
}

.u-main-color {
    color: $u-main-color;
}

.u-content-color {
    color: $u-content-color;
}

.u-tips-color {
    color: $u-tips-color;
}

.u-light-color {
    color: $u-light-color;
}

@for $i from 1 to 1000 {
    .w#{$i} {
        width: $i + rpx;
    }
}

@for $i from 1 to 1000 {
    .h#{$i} {
        height: $i + rpx;
    }
}

@for $i from 1 to 500 {
    .r#{$i} {
        border-radius: $i + rpx;
    }
}
@for $i from 1 to 500 {
    .f#{$i} {
        font-size: $i + rpx;
    }
}
@for $i from 1 to 300 {
    .mt#{$i} {
        margin-top: $i + rpx;
    }
}
@for $i from 1 to 300 {
    .mb#{$i} {
        margin-bottom: $i + rpx;
    }
}

@for $i from 1 to 300 {
    .ml#{$i} {
        margin-left: $i + rpx;
    }
}
@for $i from 1 to 300 {
    .mr#{$i} {
        margin-right: $i + rpx;
    }
}

@for $i from 1 to 300 {
    .pt#{$i} {
        padding-top: $i + rpx;
    }
}

@for $i from 1 to 300 {
    .pb#{$i} {
        padding-bottom: $i + rpx;
    }
}
@for $i from 1 to 300 {
    .pl#{$i} {
        padding-left: $i + rpx;
    }
}
@for $i from 1 to 300 {
    .pr#{$i} {
        padding-right: $i + rpx;
    }
}
.ww100 {
	width: 100%;
}
.hh100 {
	height: 100%;
}
.ww50 {
	width: 50%;
}
.hh50 {
	height: 50%;
}
